<div>
  <div class="dropdown inline">
    <button
      class="dropdown-menu-toggle"
      data-toggle="dropdown"
      id="js-project-dropdown"
      type="button"
    >
      <div class="dropdown-toggle-text">
        Projects
      </div>
      <svg data-testid="chevron-down-icon" class="gl-icon s16 dropdown-toggle-caret js-projects-dropdown-toggle">
        <use
          href="/assets/icons-795a2ef2fd636a0538bbef3b8d2787dd90927b42d7617fdda8620930016b333d.svg#chevron-down"
        ></use>
      </svg>      
    </button>
    <div class="dropdown-menu dropdown-select dropdown-menu-selectable">
      <div class="dropdown-title gl-display-flex gl-align-items-center">
        <span class="gl-ml-auto">Go to project</span>
        <button
          aria-label="Close"
          type="button"
          class="btn dropdown-title-button dropdown-menu-close gl-ml-auto btn-default btn-sm gl-button btn-default-tertiary btn-icon"
        >
          <svg data-testid="close-icon" class="gl-icon s16 dropdown-menu-close-icon">
            <use
              href="/assets/icons-795a2ef2fd636a0538bbef3b8d2787dd90927b42d7617fdda8620930016b333d.svg#close"
            ></use>
          </svg>
        </button>
      </div>
      <div class="dropdown-input">
        <input class="dropdown-input-field" placeholder="Filter results" type="search" />
        <svg data-testid="search-icon" class="gl-icon s16 dropdown-input-search">
          <use
            href="/assets/icons-795a2ef2fd636a0538bbef3b8d2787dd90927b42d7617fdda8620930016b333d.svg#search"
          ></use>
        </svg>         
      </div>
      <div class="dropdown-content"></div>
      <div class="dropdown-loading">
        <span class="gl-spinner"></span>
      </div>
    </div>
  </div>
</div>
